<!DOCTYPE html>
<html lang="en">
  <head>
    <title>任务日志查询</title>
    <meta charset="utf-8">
    <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
  </head>
  <body>
    
    <!-- 左侧窗口 -->
    <aside id='aside_id' name='task_log_query' class="probootstrap-aside js-probootstrap-aside"></aside>
    
    <!-- 主体显示 -->
    <main role="main" class="probootstrap-main js-probootstrap-main">
      <ul class="nav nav-pills" role="tablist">
        <li role="presentation" class="active"><a href="#task_log" aria-controls="task_log" role="tab" data-toggle="tab">任务日志查询</a></li>
      </ul>        
      <div class="tab-content">
        <!-- 页签1 任务日志查询 -->
        <div role="tabpanel" class="tab-pane active" id="task_list" style="margin-top:30px">
	        <table class="table table-hover">
	            <tbody>
	              <tr>
	                <th class="info">任务名称</th>
	                <td>
	                	<input type="text" class="form-control" id="taskName" placeholder="请输入任务名">
	                </td>
	              </tr>
	              <tr>
	                <th class="info">创建时间</th>
	                <td>
		               <div class="input-group date form_datetime col-md-8" data-link-field="dtp_input1">
		                 <input class="form-control" id="createTimeBegin" type="text" readonly>
		                 <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		               </div>	                	
 		                 <span>至</span>
		               <div class="input-group date form_datetime col-md-8" data-link-field="dtp_input1">
		                 <input class="form-control" id="createTimeEnd" type="text" readonly>
		                 <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		               </div>	                	
	                </td>
	              </tr>
	            </tbody>
	        </table>        
            <button type="buttun" class="btn btn-success btn-sm" id="querybtn">查询</button>     
            <div class="bs-example" data-example-id="hoverable-table" style="margin-top:40px">
                <table class="table table-hover">
                  <thead>
                    <tr>
                      <th width='10%' class='info'>任务名称</th>
                      <th width='10%' class='info'>创建时间</th>
                      <th width='6%' class='info'>星星</th>
                      <th width='40%' class='info'>日志内容</th>
                      <th width='6%' class='info'>操作</th>
                    </tr>
                  </thead>
                  <tbody id="data_body">
                  </tbody>
                </table>
              </div> 
              <div id='pageFoot'>
              </div>       
          </div>
        <!-- 页签1 end-->
      </div>          
      <!-- 页签content end-->
    </main>
    
    <!-- 模态框1，日志详情 -->
    <div class="modal fade" id="log_modal" tabindex="-1" role="dialog" >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="log_modal_title">task name</h4>
          </div>
          <div class="modal-body" id="log_modal_content">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>             
    <!-- 模态框 end-->
    
    <!-- <script src="js/jquery-1.8.3.min.js"></script> -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/main.js"></script>
	<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
	<script src="js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="UTF-8"></script>	    
    <script src="task_log_query.html.js" type="text/javascript" charset="utf-8"></script>

  </body>
</html>